<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no, minimal-ui">
		<link href="resources/css/mui.min.css" rel="stylesheet" />
		<link href="resources/css/common1.css" rel="stylesheet" />
		<link href="resources/css/swiper.css" rel="stylesheet" />
		<script src="resources/js/swiper.js"></script>
		<script src="resources/js/jquery-1.10.1.min.js"></script>
		<script src="resources/js/WebViewJavascriptBridge.js"></script>
		<script src="resources/js/common.js"></script>
		<title>现金雷达 - 个人中心</title>
		<style>
			body, html{background-color: #FFFFFF;}
			.headerTit{background-color: #2487ff; position: relative; padding: 10px; height: 90px; color: #FFFFFF;}
			.headerTit p{ padding-left: 70px; color: #FFFFFF;}
			.userTitImg{ width: 60px; top: 15px; border-radius: 60px; height: 60px; position: absolute;}
			.userName{margin-top: 15px;    font-size: 15px; font-weight: 600; margin-bottom: 0px;}
			.login a, .login2 a{color: #FFFFFF;}
			.userList li{position: relative; padding-left: 30px;;}
			.userList li img{position: absolute; left: 0px; top:8px; width: 24px;}
			.userListMsg{position: absolute; top:30px; right: 15px; width: 13px;}
			.mui-content>.mui-table-view:first-child{ margin-top: 10px;}
		</style>
	</head>

	<body>
		<div class="headerTit">
			<img class="userTitImg" src="resources/images/userTitImg.png">
			<p class="userName">您好！</p>
			<p class="login"><a href="login.html">请登录</a>/<a href="register.html">注册</a></p>
			<p class="login2"><a href="#">退出登录</a></p>
			<img class="userListMsg" src="resources/images/userListMsg.png">
		</div>
		
		<div class="mui-content">
			<ul class="mui-table-view userList">
				<li class="mui-table-view-cell">
					<a class="mui-navigate-right userCenter" href="#">
						<img src="resources/images/userList1.png">个人资料
					</a>
				</li>
				<li class="mui-table-view-cell"> 
					<a class="mui-navigate-right browseRecords"  href="#">
						<img src="resources/images/userList2.png">浏览记录
					</a>
				</li>
				<li class="mui-table-view-cell">
					<a class="mui-navigate-right helpCenter"  href="#">
						<img src="resources/images/userList3.png">帮助中心
					</a>
				</li>
				<li class="mui-table-view-cell">
					<a class="mui-navigate-right aboutUs">
						<img style="width:18px;  left: 3px; top:10px;" src="resources/images/userList4.png">关于我们
					</a>
				</li>
			</ul>
		</div>
		<!--footer-->
		<!-- <div class="mui-row tabBarBox" >
			<li class="fontS14" onclick="tabBar1()">
                <img src="resources/images/tab-bar1.png"> <br> 首页
	        </li>
  	        <li class="fontS14" onclick="tabBar2()">
                <img src="resources/images/tab-bar2.png"> <br>贷款
	        </li>
	        <li class="fontS14" onclick="tabBar3()">
	            <img src="resources/images/tab-bar3.png">  <br>社区
	        </li>
			<li class="active fontS14" onclick="tabBar4()">
                <img src="resources/images/tab-bar41.png"> <br>我的
			</li>
		</div>
		<div class="tabBarBottom"></div>	 -->
		<script>
			var uid = window.localStorage.uid;
			if(uid == "" || uid == undefined){
				$(".login").show();
				$(".login2").hide();
				$(".userCenter, .browseRecords, .helpCenter").click(function(){
					location.href="login.html"
				})
			}else{
				$(".login").hide();
				$(".login2").show();
				$(".userCenter").click(function(){
					location.href="userCenter.html"
				});
				$(".browseRecords").click(function(){
					location.href="browseRecords.html"
				});
				$(".helpCenter").click(function(){
					location.href="helpCenter.html"
				});
				$(".aboutUs").click(function(){
					location.href="aboutUs.html"
				});
			}
			$(".login2").click(function(){
				window.localStorage.clear();
				location.href="userInfo.html"
			})
		</script>
	</body>
	
</html>